<template>
  <!--<transition name="guodu1" mode='out-in'>-->
    <div class="mybody">
      <myhead></myhead>
      <!--<transition name="fade">-->
      <router-view></router-view>
      <!--</transition>-->
      <!--<homebody></homebody>-->
      <foot class="footer"></foot>
    </div>
  <!--</transition>-->
</template>
<script>
  import introduce from '@/components/homechild/introduce'
  import iconarea from '@/components/homechild/iconarea'
  import randomfood from '@/components/homechild/randomfood'
  import myhead from '@/components/myhead'
  import homebody from '@/components/homebody'
  import foot from '@/components/foot'
  import loading from '@/components/loading'
  export default{
    data(){
      return {
      }
    },
    components:{
      introduce,
      iconarea,
      randomfood,
      myhead,
      homebody,
      foot,
      loading
    }
  }
</script>
<style scoped>
  @import "../css/home.css";
</style>

